<template>
    <div id="myEditor">
    </div>
</template>


<script setup>
import { onMounted, defineEmits, defineProps } from 'vue'
import E from 'wangeditor'

const emit = defineEmits(['event'])

const props = defineProps({
    content: String
})

onMounted(() => {
    const editor = new E('#myEditor')
    // 或者 const editor = new E( document.getElementById('div1') )
    editor.create()

    // 设置初始值
    props.content && editor.txt.html(props.content)

    // 配置 onchange 回调函数
    editor.config.onchange = function (newHtml) {
        // console.log("change 之后最新的 html", newHtml);

        // 子传父

        emit('event', newHtml)
    };
})
</script>
